First, use the css pseudo class: focus to change.
The html code of the text box is assumed as follows:Copy codeThe Code is as follows:
The css code is written as follows:
Input [type = "text"]: focus, input [type = "password"]: focus, textarea: focus {border: 1px solid # f00; background: # ccc ;}It lists the focus style of the text box, password box, and paragraph box. Add a red border and a gray background
Text Box input focus defocus style implementation code. If you need code, refer to the pseudo class of css: focus, which can be changed first.
The html code of the text box is assumed as follows:
The Code is as follows:
Name:
Password:
Textarea:
The css code is written as follows:
Input [type = "text"]: focus, input [type = "password"]: focus, textarea: focus {b
First, use the css pseudo class: focus to change.The html code of the text box is assumed as follows:Copy codeThe Code is as follows: The css code is written as follows:Input [type = "text"]: focus, input [type = "password"]: focus, textarea: focus {border: 1px solid # f00; background: # ccc ;}It lists the focus style of the text box, password box, and paragraph box. Add a red border and a gray background.Is it a simple solution now? Test with a brows
Focus Event:Not all elements have focus events, only elements that are interactive, such as form elements, a tags. Only one element in the page has focus, one focus, and the other is lost, and the document is defaulted.The example structure is as follows:JS operation is as follows:1.form.txt1.focus (); This method does not trigger the onfocus () event If the element has the focus.2.form.txt1.onfocus=function () {console.log (1); }// The event is triggered when the element receives focus3.form.tx
Use jquery to obtain the focus and defocus of the text box.
I still like to use jquery to implement it. No matter how many input boxes on the page need to be focused or defocused, they are all public. My common methods are as follows:
Traverse the input box on the page to obtain the val value in the input box. When the input box is focused, compare it with the stored oldValue value. If the value is the same, the value is changed to null, in case of
Jquery/js implementation verification focus, defocus, jqueryjsJquery implements verification focus. The defocus method is as follows:
I still like to use jquery to implement it. No matter how many input boxes on the page need to be focused or defocused, they are all public. My common methods are as follows:
Traverse the input box on the page to obtain the val value in the input box. When the input box is fo
I still like to use jquery to achieve, no matter how many input boxes on the page need to focus, lose focus, all public, my usual method is:Traversing the input box on the page, get the Val value in the box, and when the input box is focused, compare it to the stored oldvalue value, and if the value is the same, change the value to empty, and when it loses focus, the original stored value is then assigned to Val, the code is as follows:$ (function () { $ ("input[class*=input]"). each (functio
jquery text changes trigger events such as focus events, event loss, etc., here is an example, interested friends can refer to the followingJuery Event: The code is as follows: $ ("#id"). focus (function () {}); Defocus Event: The code is as follows: $ ("#id"). blur (function () {}); But text change events cannot be written like this: The code is as follows: $ ("#id"). Change (function () {}); Text change events can be written like this, PropertyCha
Common CSS font attributes (more text hidden, or displayed in the form of ellipsis), background styles, and two uncommon attributes of the background image: background-origin and background-clip,
(1) Common font attributes:
Font-weight: attribute value 100-900 400 equals normal 700 equals bold. The larger the val
OverviewWhen we create a PowerPoint document, the system's default slide is a blank background, and many times we need to customize the slide background to achieve beautiful document effects. The following example shows a way to set the background for a PowerPoint slide, consisting mainly of the following three sections:
Add a solid color
First look at the effect chart:
Effect chart
For Beginners ~ ~ Everybody and I start with simple modeling
Figure 1
With a normal modifier
Figure 2
Right-click to edit polygon
Figure 3
Select Face ~ ~ with insert command
Figure 4
hehe ~ ~ ~
, preceding 2 attribute values cannot be saved. The greater the horizontal shadow distance, the shadow shifts to the right. The greater the vertical shadow distance, the shadow moves down. Shadow blur distance, the larger the value, the more blurred the shadow, the default is 0, not blurred. Shadow color, optionally, black by defaulttext-indent: First line indent, indent size can be adjusted with pixel valuestext-stroke: Thickness of stroke, color of strokeWhite-space:nowarp set Chinese line at
Town Field Poem:The Pure Heart sentiment wisdom language, does not have the world name and the benefit. Learn water under the hundred rivers, give up arrogant slow meaning.Learn to have a small return to feed root, willing to cast a conscience blog. Sincere in this writing experience, willing to see the text to inspire.——————————————————————————————————————————CodeText introduction excerpt from "Baidu Encyclopedia"Result——————————————————————————————————————————The essence of the blog, in the te
This article mainly introduces the CSS background background, background-position use method, the need for friends can refer to the following
Background (background) is an important part of CSS and one of the basics of CSS that needs to be known. This article will cover the
Background (background) is an important part of CSS and one of the basics of CSS that needs to be known. This article will cover the basic usage of the CSS background (background), including properties such as Background-attachment, as well as some common tips on
CSS background This refers to setting the background properties of the object through CSS, such as the various styles of setting the background through CSS in a Web page.
CSS Background background: Sets the solid color background
Background Image and background color, background colorI encountered some problems in the input box yesterday. Let's give it a try first. The source code is as follows: # search-input {border: none; border-radius: 6px; height: 35px; width: 62%; margin-left: 3%; margin-right: 3%; font-size: 0.9rem; font-weight: 600; text-align: center;
The maximum length of time to run, not to challenge the limit, how long it takes to keep the test.Note: Test with a real machineDirectly on the codeIn the Appdelegate. m, add some code actions when you enter the background
/**
* Called when the app enters the background
*/
-(void) Applicationdidenterbackground: (uiapplication *) application
{
/**
* Status of App
* 1. Death Status: No app
The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion;
products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the
content of the page makes you feel confusing, please write us an email, we will handle the problem
within 5 days after receiving your email.
If you find any instances of plagiarism from the community, please send an email to:
info-contact@alibabacloud.com
and provide relevant evidence. A staff member will contact you within 5 working days.